<template>
	<view>
		<uni-nav-bar leftIcon="back" color="black" @clickLeft="$bk()"></uni-nav-bar>
		<view>
			<view>
				<image src="/static/images/cc/bg.png" mode="" style="width: 100%;height: 250rpx;"></image>
			</view>
			<view class="box">
				<view class="box-top">
					<view class="top-left">
						<image src="/static/images/get.png" style="margin-right: 25rpx; width: 90rpx;height: 90rpx;"
							mode=""></image>
						<view class="texta">
							<text style="">某某火锅</text>
							<view class="">
								<text>2.4万</text>
								<text>关注</text>
							</view>
						</view>
					</view>
					<view>
						<view class="top-right">
							<text>关注</text>
						</view>
					</view>
				</view>
				<view class="box-pf">
					评分
				</view>














			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {




		}
	}
</script>

<style scoped lang="scss">
	.box {
		border-radius: 45rpx 45rpx 0rpx 0rpx;
		width: 100%;
		// height: 150rpx;
		background-color: red;
		margin-top: -35rpx;
		position: relative;
		z-index: 9;
		padding: 25rpx;

		.box-top {
			display: flex;
			justify-content: space-between;
			align-items: center;

			.top-left {
				display: flex;
				justify-content: center;
				align-items: center;

				.texta {
					display: flex;
					flex-direction: column;
					align-items: center;
				}
			}

			.top-right {
				border: 1rpx solid sandybrown;
				margin-right: 35rpx;
				padding: 25rpx;
				border-radius: 15rpx;
				width: 150rpx;
				height: 60rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}
		}

		.box-pf {
			height: 255rpx;

		}
	}
</style>